<template>
    <div id="loading" v-show="show">
        <div>
            拼命加载中...
        </div>
    </div>
</template>

<script>
export default {
    props: {
        show: Boolean,
    },
    data() {
        return {};
    },
    mounted() {},
    methods: {},
};
</script>

<style lang="scss">
#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    // background-color: rgb(0, 0, 0, 0.3);
    div {
        background: #000;
        color: #fff;
        text-align: center;
        border-radius: 0.08rem;
        line-height: 0.4rem;
        font-size: 0.28rem;
        padding: 0.25rem;
    }
}
</style>
